function PageList(props) {
    // 总页数  props.pageSum  props.pageIndex
    console.log(props);
    const arr = [];
    for (let i = 1; i <= props.pageSum; i++) {
        arr.push((
            <a href="#"
               className={props.pageIndex === i ? 'active' : ''}
               key={i}
               onClick={e => {
                   e.preventDefault();
                   props.getWeibo(i)
               }}>
                {i}
            </a>
        ))
    }
    return (
        <div className="page">
            {
                arr
            }
        </div>
    )
}


// function PageList(props){
//     // 总页数  props.pageSum  props.pageIndex
//     console.log(props);
//     const arr = [];
//     for(let i=1;i<=props.pageSum;i++){
//         arr.push(i);
//     }
//     return (
//         <div className="page">
//             {
//                 arr.map((v,i)=>(
//                     <a href="#" onClick={e=>{
//                         e.preventDefault();// 去除默认事件
//                         props.getWeibo(v);
//                     }} className={v===props.pageIndex?'active':''} key={i}>{v}</a>
//                 ))
//             }
//         </div>
//     )
// }